<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>

<!-- #fa5b81; -->
<style type="text/css">
.navbar-inverse {
	background-color: #433f3e;
	background-image: none;
	border-color: #433f3e;
	border: none;
	min-height: 0;
	margin-bottom: 0;
}

.navbar{
	border-radius: 0;
}

.navbar-nav>li>a {
	padding-top: 0px;
	padding-bottom: 0px;
}

#navbar-header-empty{
	height: 89px;
	background-color: #fa5b81;
}

.titlemenubutton{
	background:none;
}

.titlemenubutton.itemsel{
	background-color: #fa5b81 !important;
}

.mynav>li>a{
	float: left;
	display: block;
	padding: 10px 15px;
	color: white;
	font-size: 16px; 
	width: 175px; 
	text-align: center;
}

.mynav{
	margin: 0;
	position: relative;
}

a{
text-decoration:none;
}
a:link{
text-decoration:none;
}
a:visited{
text-decoration:none;
}
a:hover{
text-decoration:none;
}
a:active{
text-decoration:none;
}
.portrait-img-0{
display:inline-block;width:32px; height: 32px
}
.portrait-img-1{
display:inline-block;width:58px; height: 58px
}
.portrait-img-2{
display:inline-block;width:190px; height: 190px
}
.portrait-img-3{
display:inline-block;width:162px; height: 162px;
}
</style>
<div id="web-navbar">
	<nav class="navbar navbar-inverse " role="navigation">
		<div class="container container-fluid" style="position: relative;">
			<div>
				<ul class="mynav">
						<li><a class="titlemenubutton <c:if test="${homePage == 'home' }">itemsel</c:if>" href="${web}">首页</a></li>
						<li><a class="titlemenubutton <c:if test="${homePage == 'search' }">itemsel</c:if>" href="${web}/search">搜索</a></li>
						<li><a class="titlemenubutton <c:if test="${homePage == 'community' }">itemsel</c:if>" href="${web}/community/">社区</a></li>
				</ul>
				
				<shiro:user>
						<div class="dropdown" style="color:#ffffff; position: absolute; right: 100px; padding: 5px; top:0">
							<div style="padding:0; border: 0; border-radius: 0; background-color: transparent; color: #ffffff" class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
								<img class="portrait-img-0" src="/img/user/<shiro:principal property="id"></shiro:principal>/0" onerror="onimageError()" />
							<span>
							<strong><shiro:principal property="nickName"></shiro:principal></strong>
							</span>
							  </div>
						  <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
						    <li><a href="${web }/personal/s/home">个人中心</a></li>
						    <li><a href="#">意见反馈</a></li>
						    <li><a href="#" onclick="toLoginOut();">退出</a></li>
						  </ul>
						</div>
				</shiro:user>
				<shiro:guest>
						<a  href="#" onclick="toLogin();" style="color:#ffffff; position: absolute; right: 138px; padding: 10px; top:1px; text-align:center; width: 100px">登录</a>
						<a  href="#" onclick="toRegister();" style="color:#ffffff; position: absolute; right: 38px; padding: 10px; top:1px; text-align:center; width: 100px">注册</a>
				</shiro:guest>
			</div>
		</div>
	</nav>
</div>